{% include "header/headerhome.html" %}
    <div id="corpo">
        <div id="secao1">
            <div id="containerTv">
                <div id="tv">
                    <div id="example">
                        <!--
                        <img src="{{ MEDIA_URL }}img/curtir.png" width="55" height="30" alt="Novo Curtir" id="ribbon">-->
                        <div id="slides">
                            <div class="slides_container">
                                {% for noticias in manchete %}
                                    <div class="slide">
                                    <a title="{{ cantor.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <img src="{{ noticias.imagem.url_800x600 }}" width="658" alt="{{ noticias.titulo }}">
                                    </a>
                                        <div class="caption" style="bottom:0">
                                            <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                                <p class="caption-principal">{{ noticias.titulo }}</p>
                                            </a>
                                            <!--
                                            <p class="caption-chamada">{{ noticias.chamada }}</p>-->
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                            <a href="#" class="prev" style="display: none"><img src="{{ MEDIA_URL }}img/esquerda.png" width="50" height="50" alt="Esquerda"></a>
                            <a href="#" class="next" style="display: none"><img src="{{ MEDIA_URL }}img/direita.png" width="50" height="50" alt="Direita"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="publicidade1">
                {% include "publicidades/home-ilha-facebook.html" %}
            </div>
        </div>
        <div id="ContainerSecao2">
            <div id="secao2">
                <div id="conteudos2">
                    <h1 class="tituloSecao1">Notícias
                        {% include "publicidades/home-tijolo-eventos.html" %}
                        <a href="#">
                            <span class="add">
                                +
                            </span>
                        </a>
                    </h1>

                    <div id="borda">
                        <span class="rodape"></span>
                    </div>
                    {% for noticias in listanoticia|slice:"0:8"  %}
                        <div id="bloco">
                            <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                <div id="img">
                                    <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" >
                                </div>
                            </a>
                            <p class="chapeu_home">{{ noticias.chamada }}</p>
                            <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                <h2 class="titulobloco1">{{ noticias.titulo }}...</h2>
                            </a>
                            <!--
                            <p class="descricao_noticia">
                                {{ noticias.subtitulo|truncatewords:12 }}
                            </p>-->
                        </div>
                    {% endfor %}

                </div>
            <div id="itens_mais">
                <ul>
                    {% for noticias in listanoticia|slice:"0:8"  %}
                        {% if noticias.chamada != null %}
                            <a href="#">
                                <li>{{ noticias.chamada }}</li>
                            </a>
                        {% endif %}
                    {% endfor %}
                </ul>
            </div>
                <a href="#">
                        <div id="mais_noticias">
                            Mais Notícias
                        </div>
                    </a>
            </div>
            <div id="shadowsecao"></div>
        </div>
        <div id="ContainerSecao3">
            <div id="secao3">
                <div id="conteudos2">
                    <h1 class="tituloSecao3">Humor
                        {% include "publicidades/home-tijolo-humor.html" %}
                        <a href="#">
                            <span class="add_humor">
                                +
                            </span>
                        </a>
                    </h1>
                    <div id="borda3">
                        <span class="rodape"></span>
                    </div>
                    <div id="secao3Bloco1">
                        {% for noticias in listahumor|slice:"0:1" %}
                            <div id="secao_left_humor">
                                <div id="img1Eventos">
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="301">
                                    </a>
                                </div>
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <p class="titulobloco2">{{ noticias.titulo|truncatewords:9 }}</p>
                                </a>
                                <p class="subhome">{{ noticias.subtitulo|truncatewords:17 }}</p>
                            </div>
                        {% endfor %}
                        {% for noticias in listahumor|slice:"1:4" %}
                            <div id="itemsubbloco">
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="100" height="71">
                                </a>
                                <!--<p class="chapeu">{{ noticias.chamada }}</p>-->
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <h1 class="titulobloco2_sub">{{ noticias.titulo }}</h1>
                                    <p class="subhomeMeio">{{ noticias.subtitulo|truncatewords:10 }}</p>
                                </a>
                            </div>
                        {% endfor %}
                    </div>

                    <div id="secao3Bloco2">

                        <div id="subbloco1">
                            {% for noticias in listahumor|slice:"3:9" %}
                                <div id="itemsubbloco">
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="100" height="71">
                                    </a>
                                    <!--<p class="chapeu">{{ noticias.chamada }}</p>-->
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <h1 class="titulobloco2_sub">{{ noticias.titulo }}</h1>
                                        <p class="subhomeMeio">{{ noticias.subtitulo|truncatewords:10 }}</p>
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div id="secaoBloco3">

                        {% include "publicidades/adsense/adsense-retangulo-300x250.html" %}
                        <br>
                        <p class="legenda">Publicidade</p>
                        {% include "publicidades/adsense/adsense-retangulo-300x250-texto.html" %}
                    </div>

                </div>
                <a href="#">
                        <div id="mais_noticias">
                            Mais humor
                        </div>
                 </a>
            </div>
            <div id="shadowsecao"></div>
        </div>

        <div id="ContainerSecao3">
            <div id="secao4">
                <div id="conteudos2">
                    <div id="colunaesq">
                        <h1 class="tituloSecao4">Eventos
                            <a href="#">
                                <span class="add_evento">
                                    +
                                </span>
                            </a>
                        </h1>
                        <div id="borda5">
                            <span class="rodape2"></span>
                        </div>
                        {% for noticias in listaevento|slice:"0:4"  %}
                            {% if noticias.eventoNoticia.publicar %}
                                <div id="secao4itens">
                                    <a title="{{ noticias.eventoNoticia.titulo }}" href="{{ noticias.eventoNoticia.get_absolute_url }}">
                                        <img src="{{ noticias.eventoNoticia.imagem.url_300x225 }}" alt="{{ noticias.eventoNoticia.titulo }}" width="140" height="91">
                                    </a>
                                    <p class="chapeu">{{ noticias.eventoNoticia.chamada }}</p>
                                    <a href="{{ noticias.eventoNoticia.get_absolute_url }}">
                                        <h1 class="titulobloco4">{{ noticias.eventoNoticia.titulo }}</h1>
                                        <p class="subhomeMeio">{{ noticias.eventoNoticia.subtitulo|truncatewords:22 }}</p>
                                    </a>
                                </div>
                            {% endif %}
                        {% endfor %}
                         <a href="#">
                                <div id="mais_noticias">
                                    Mais eventos
                                </div>
                         </a>
                    </div>
                    <div id="colummdir">
                        <h1 class="tituloSecao4_right">Coberturas
                            <a href="#">
                            <span class="add_cobertura">
                                +
                            </span>
                            </a>
                        </h1>
                        <div id="borda4">
                            <span class="rodape2"></span>
                        </div>

                        {% for galer in listagaleria|slice:"0:3" %}
                            <div id="secao4itens">
                                <div id="lista_imagem">
                                    <a title="{{ galer.titulo }}" href="{{ galer.get_absolute_url }}">
                                        <img src="{{ galer.imagem.url_300x225 }}" alt="{{ galer.titulo }}" width="90" height="53">
                                    </a>
                                    <a title="{{ galer.titulo }}" href="{{ galer.get_absolute_url }}">
                                        <img src="{{ galer.imagem.url_300x225 }}" alt="{{ galer.titulo }}" width="90" height="53">
                                    </a>
                                    <a title="{{ galer.titulo }}" href="{{ galer.get_absolute_url }}">
                                        <img src="{{ galer.imagem.url_300x225 }}" alt="{{ galer.titulo }}" width="90" height="53">
                                    </a>
                                    <a title="{{ galer.titulo }}" href="{{ galer.get_absolute_url }}">
                                        <img src="{{ galer.imagem.url_300x225 }}" alt="{{ galer.titulo }}" width="90" height="53">
                                    </a>
                                    <a title="{{ galer.titulo }}" href="{{ galer.get_absolute_url }}">
                                        <img src="{{ galer.imagem.url_300x225 }}" alt="{{ galer.titulo }}" width="90" height="53">
                                    </a>

                                </div>
                                <p class="chapeu">{{ galer.chamada }}</p>
                                <a href="{{ galer.get_absolute_url }}">
                                    <h1 class="titulobloco4_2">{{ galer.titulo }}</h1>
                                    <!--
                                    <p class="subhomeMeio">{{ galer.subtitulo|truncatewords:20 }}</p>-->
                                </a>
                            </div>
                        {% endfor %}
                        <a href="#">
                                <div id="mais_noticias">
                                    Mais coberturas
                                </div>
                         </a>
                    </div>
                </div>
            </div>
        </div>
        <div id="shadowsecao"></div>


        <div id="ContainerSecao2">
            <div id="secao2_downloads">
                <div id="conteudos2">
                    <h1 class="tituloSecao1_downloads">Downloads
                        {% include "publicidades/home-tijolo-eventos.html" %}
                        <a href="#">
                        <span class="add_downloads">
                            +
                        </span>
                        </a>
                    </h1>

                    <div id="borda_downloads">
                        <span class="rodape"></span>
                    </div>
                    {% for noticias in listadownload|slice:"0:8"  %}
                            <div id="bloco">
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <div id="img">
                                        <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="220" >
                                    </div>
                                </a>
                                <p class="chapeu_home">{{ noticias.nomeCantor }}</p>
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <h2 class="titulobloco1_downloads">{{ noticias.album }}</h2>
                                </a>
                            </div>
                    {% endfor %}


                </div>
            <div id="itens_mais">
                <ul>
                    {% for noticias in cantores|slice:"0:8"  %}

                            <a href="#">
                                <li>{{ noticias.nome }}</li>
                            </a>

                    {% endfor %}
                </ul>
            </div>
                <a href="#">
                        <div id="mais_noticias">
                            Mais Notícias
                        </div>
                    </a>
            </div>
            </div>
            <div id="shadowsecao"></div>
        </div>

        <div id="ContainerSecao3">
            <div id="secao2">
                <div id="conteudos2">
                    <h1 class="tituloSecao6">Vídeos
                        {% include "publicidades/home-tijolo-videos.html" %}
                        <a href="#">
                            <span class="add">
                                +
                            </span>
                        </a>
                    </h1>
                    <div id="borda6">
                        <span class="rodape"></span>
                    </div>
                    <div id="videoLeft">
                        {% for video in listavideo|slice:"0:1" %}
                            <div id="videodestaquehome">
                                <iframe width="443" height="360" src="http://www.youtube.com/embed/{{ video.url }}" frameborder="0" allowfullscreen></iframe>
                            </div>
                        {% endfor %}
                    </div>
                    <div id="videosRight">
                        {% for videos in listavideo|slice:"1:7" %}
                            <div id="videos">
                                <a title="{{ videos.titulo }}" href="{{ videos.get_absolute_url }}">
                                    <span class="iconeVideo" ></span>
                                    <img src="{{ videos.imagem.url_290x218 }}" alt="{{ videos.titulo }}">
                                </a>
                                <p class="chapeu">{{ videos.chamada }}</p>
                                <a title="{{ videos.titulo }}" href="{{ videos.get_absolute_url }}">
                                    <h1 class="titulovideo">{{ videos.titulo|truncatewords:5 }}</h1>
                                </a>
                            </div>
                        {% endfor %}
                    </div>
                </div>
                <div id="itens_mais">
                    <ul>
                        {% for noticias in listanoticia|slice:"0:8"  %}
                            {% if noticias.chamada != null %}
                                <a href="#">
                                    <li>{{ noticias.chamada }}</li>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
                    <a href="#">
                            <div id="mais_noticias">
                                Mais vídeos
                            </div>
                        </a>

                </div>
            <div id="shadowsecao"></div>
        </div>

        <div id="ContainerSecao3">
            <div id="secao8">
                <div id="conteudos2">
                    <h1 class="tituloSecao8">Músicas
                        {% include "publicidades/home-tijolo-humor.html" %}
                        <a href="#">
                            <span class="add_musicas">
                                +
                            </span>
                        </a>
                    </h1>
                    <div id="borda8">
                        <span class="rodape"></span>
                    </div>
                    <div id="secao3Bloco1">
                        <h1 class="tituloSecao8_sub">Cantores
                            {% include "publicidades/home-tijolo-humor.html" %}
                        </h1>
                        {% for letra in letra_destaque %}
                                <div id="secao_left_musica">
                                    <div id="img_cantor_foto">
                                        <a title="{{ letra.nomeCantor.nome }}" href="{{ letra.get_absolute_url }}">
                                            <img src="{{ letra.nomeCantor.foto01.url_290x218 }}" alt="{{ letra.nomeCantor.nome }}">
                                        </a>
                                    </div>
                                    <a title="{{ letra.titulo }}" href="{{ letra.get_absolute_url }}">
                                        <p class="titulomusica">{{ letra.titulo }}</p>
                                    </a>
                                    <p class="subhome_letra">{{ letra.nomeCantor.nome }}</p>
                                </div>
                            {% endfor %}
                    </div>

                    <div id="secao3Bloco2_artigos">
                        <h1 class="tituloSecao8_sub">Albuns
                            {% include "publicidades/home-tijolo-humor.html" %}
                        </h1>
                        <div id="subbloco1">

                            {% for letra in letra_destaque %}
                                <div id="secao_left_musica">
                                    <div id="img_cantor_foto">
                                        <a title="{{ letra.nomeCantor.nome }}" href="{{ letra.get_absolute_url }}">
                                            <img src="{{ letra.nomeCantor.foto01.url_290x218 }}" alt="{{ letra.nomeCantor.nome }}">
                                        </a>
                                    </div>
                                    <a title="{{ letra.titulo }}" href="{{ letra.get_absolute_url }}">
                                        <p class="titulomusica">{{ letra.titulo }}</p>
                                    </a>
                                    <p class="subhome_letra">{{ letra.nomeCantor.nome }}</p>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div id="secao3Bloco2_artigos">
                        <h1 class="tituloSecao8_sub">Letras
                            {% include "publicidades/home-tijolo-humor.html" %}
                        </h1>
                        <div id="subbloco1">
                            {% for letra in letra_destaque %}
                                <div id="secao_left_musica">
                                    <div id="img_cantor_foto">
                                        <a title="{{ letra.nomeCantor.nome }}" href="{{ letra.get_absolute_url }}">
                                            <img src="{{ letra.nomeCantor.foto01.url_290x218 }}" alt="{{ letra.nomeCantor.nome }}">
                                        </a>
                                    </div>
                                    <a title="{{ letra.titulo }}" href="{{ letra.get_absolute_url }}">
                                        <p class="titulomusica">{{ letra.titulo }}</p>
                                    </a>
                                    <p class="subhome_letra">{{ letra.nomeCantor.nome }}</p>
                                </div>
                            {% endfor %}

                        </div>
                    </div>
                </div>
            <div id="itens_mais">
                    <ul>
                        {% for noticias in listanoticia|slice:"0:8"  %}
                            {% if noticias.chamada != null %}
                                <a href="#">
                                    <li>{{ noticias.chamada }}</li>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
                    <a href="#">
                            <div id="mais_noticias">
                                Mais vídeos
                            </div>
                        </a>

                </div>

            <div id="shadowsecao"></div>
        </div>

    <div id="ContainerSecao3">
            <div id="secao3_blog">
                <div id="conteudos2">
                    <h1 class="tituloSecao3_blogs">Blogs
                        {% include "publicidades/home-tijolo-humor.html" %}
                        <a href="#">
                        <span class="add_blog">
                            +
                        </span>
                            </a>
                    </h1>
                    <div id="borda3_blog">
                        <span class="rodape"></span>
                    </div>
                    <div id="secao3Bloco1">
                        {% for noticias in listablog|slice:"0:1" %}
                            <div id="secao_left_blog">
                                {% if noticias.imagem != '' %}
                                    <div id="img1Eventos">
                                        <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                            <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="301">
                                        </a>
                                    </div>
                                {% endif %}
                                <a href="#">
                                    <p class="chapeu_home">{{ noticias.nomeBlog }}</p>
                                </a>
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <p class="titulobloco2_blog">{{ noticias.titulo }}</p>
                                </a>
                            </div>
                        {% endfor %}
                        {% for noticias in listablog|slice:"1:3" %}
                            <div id="itemsubbloco">
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="100" height="71">
                                </a>

                                <!--<p class="chapeu">{{ noticias.chamada }}</p>-->
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <h1 class="titulobloco2_subblog">{{ noticias.titulo }}</h1>
                                </a>
                                <p class="subhomeMeio">{{ noticias.subtitulo|truncatewords:10 }}</p>
                                <a href="#">
                                    <span class="detalhes_btn">DETALHES</span>
                                </a>
                                <a href="#">
                                    <span class="top_home">{{ noticias.nomeBlog }}</span>
                                </a>
                            </div>
                        {% endfor %}

                    </div>

                    <div id="secao3Bloco2">

                        <div id="subbloco1">
                            {% for noticias in listablog|slice:"3:7" %}
                                <div id="itemsubbloco">
                                    {% if noticias.imagem != '' %}
                                        <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                            <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="100" height="71">
                                        </a>
                                    {% endif %}
                                    <!--<p class="chapeu">{{ noticias.chamada }}</p>-->
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <h1 class="titulobloco2_subblog">{{ noticias.titulo }}</h1>
                                        <p class="subhomeMeio">{{ noticias.subtitulo|truncatewords:10 }}</p>
                                    </a>
                                    <a href="#">
                                        <span class="detalhes_btn">DETALHES</span>
                                    </a>
                                    <a href="#">
                                        <span class="top_home">{{ noticias.nomeBlog }}</span>
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div id="secaoBloco3">
                        <p class="legenda">Curta nossa página no Facebook</p>
                        <div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-width="300" data-height="250" data-show-faces="true" data-stream="false" data-show-border="true" data-header="false"></div>
                    </div>
                    <div id="secaoBloco3">
                        {% include "publicidades/adsense/adsense-retangulo-300x250.html" %}
                    </div>


                </div>

                <div id="itens_mais">
                    <ul>
                        {% for noticias in listanoticia|slice:"0:8"  %}
                            {% if noticias.chamada != null %}
                                <a href="#">
                                    <li>{{ noticias.chamada }}</li>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
                    <a href="/artigos">
                            <div id="mais_noticias">
                                mais blogs
                            </div>
                        </a>



                <div id="conteudos2_artigos">
                    <h1 class="tituloSecao3_artigos">Artigos
                        {% include "publicidades/home-tijolo-humor.html" %}
                        <a href="#">
                        <span class="add_artigos">
                            +
                        </span>
                        </a>
                    </h1>
                    <div id="borda3_artigos">
                        <span class="rodape"></span>
                    </div>
                    <div id="secao3Bloco1">
                        {% for noticias in listahumor|slice:"0:1" %}
                            <div id="secao_left_humor">
                                <div id="img1Eventos">
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="301">
                                    </a>
                                </div>
                                <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                    <p class="titulobloco2_artigos">{{ noticias.titulo }}</p>
                                </a>
                                <p class="subhome">{{ noticias.subtitulo|truncatewords:17 }}</p>
                            </div>
                        {% endfor %}

                    </div>

                    <div id="secao3Bloco2_artigos">

                        <div id="subbloco1">
                            {% for noticias in listablog|slice:"1:4" %}
                                <div id="itemsubbloco">
                                    {% if noticias.imagem != '' %}
                                        <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                            <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="100" height="71">
                                        </a>
                                    {% endif %}
                                    <!--<p class="chapeu">{{ noticias.chamada }}</p>-->
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <h1 class="titulobloco2_sub_artigos">{{ noticias.titulo }}</h1>
                                        <p class="subhomeMeio">{{ noticias.subtitulo|truncatewords:10 }}</p>
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                    <div id="secao3Bloco2_artigos">
                        <div id="subbloco1">
                            {% for noticias in listablog|slice:"1:4" %}
                                <div id="itemsubbloco">
                                    {% if noticias.imagem != '' %}
                                        <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                            <img src="{{ noticias.imagem.url_300x225 }}" alt="{{ noticias.titulo }}" width="100" height="71">
                                        </a>
                                    {% endif %}
                                    <!--<p class="chapeu">{{ noticias.chamada }}</p>-->
                                    <a title="{{ noticias.titulo }}" href="{{ noticias.get_absolute_url }}">
                                        <h1 class="titulobloco2_sub_artigos">{{ noticias.titulo }}</h1>
                                        <p class="subhomeMeio">{{ noticias.subtitulo|truncatewords:10 }}</p>
                                    </a>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
            <div id="itens_mais">
                    <ul>
                        {% for noticias in listanoticia|slice:"0:8"  %}
                            {% if noticias.chamada != null %}
                                <a href="#">
                                    <li>{{ noticias.chamada }}</li>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
                    <a href="/artigos">
                            <div id="mais_noticias">
                                mais artigos
                            </div>
                        </a>
            </div>
            </div>
            <div id="shadowsecao"></div>
        </div>
{% include "footer/footersemsocialmedia.html" %}
